{{#extend "header"}}
<title>活动报名</title>
<meta name="keywords" content="">
<meta name="description" content="">
{{/extend}}

{{#extend "style"}}
<style>
    body, html {
        background: #fff;
        height: 100%;
    }

    form > ul {
        height: 1.2rem;
        border-bottom: 1px solid #f4f4f4;
        padding: 0.4rem;
        line-height: 1.2rem;
        font-size: 0.64rem;
    }

    form > ul > li:first-child {
        border-right: 2px solid #ddd;
        transform: rotateX(-50%);
        width: 1.2rem;
        padding: 0.2rem 0;
        padding-right: 0.4rem;
        float: left;
        position: relative;
        height: 0.8rem;
        line-height: 0.8rem;
    }

    form > ul > li:last-child {
        overflow: hidden;
        padding-left: 0.4rem;
    }

    form > ul > li:last-child > input {
        width: 100%;
        height: 100%;
    }

    .ui-send-code {
        height: 1.2rem;
        line-height: 1.2rem;
        float: right;
        border: 1px solid #F01E1E;
        color: #F01E1E;
        font-size: 0.48rem;
        padding: 0 0.4rem;
    }

    .ui-time-show {
        border: 1px solid #999;
        color: #999;
    }
</style>
{{/extend}}
<body>
{{>nav title="活动报名" class="ui-shadow"}}
<form onsubmit="return false">
    <ul>
        <li>+86</li>
        <li><input type="tel" placeholder="请输入您的手机号" maxlength="11" name="userTel" value=""/></li>
    </ul>
    <ul>
        <li><i class="ui-icon-mail" style="line-height: 1.2rem;"></i></li>
        <li class="ui-send-code ui-time-show">发送验证码</li>
        <li><input type="tel" placeholder="请输入您的短信验证码" name="userCode" value=""/></li>
    </ul>

    <button class="ui-red-botton ui-disable" style="width: 90%;margin: 0.8rem auto 0;border: none;">一键报名</button>
</form>
<div style="background: url(/images/signup-border-img.png) no-repeat top left;background-size: 13.8rem auto;width: 13.8rem;margin: 0 auto;padding-top: 1rem;line-height:1rem;text-indent: 1rem;margin-top: 2.2rem;">
    <span id="signup_tip"></span>
</div>
<i style="font-size:12px;position: absolute;bottom: 5px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);">@城市酒柜</i>
</body>

{{#extend "script"}}
<script src="/js/school/signup.js?v={{{v}}}"></script>
{{/extend}}
